import React from 'react';
import {FooterStyleWrapper} from "./style";
import footerData from "@/assets/data/footer.json";

const footerDataComponent = function() {
    return (
        footerData.map(item => (
            <div className='item' key={item.name}>
                <div className='name'>{item.name}</div>
                <div className='list'>
                    {
                        item.list.map(item => (
                            <div className='item' key={item}>{item}</div>
                        ))
                    }
                </div>
            </div>
        ))
    )
}

const AppFooter = () => {
    return (
        <FooterStyleWrapper>
            <div className='wrapper'>
                <div className='service'>
                    {
                        footerDataComponent()
                    }
                </div>
                <div className='statement'>© 2025 Airbnb, Inc.·隐私条款网站地图</div>
            </div>
        </FooterStyleWrapper>
    );
};

export default AppFooter;